<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link type="text/css" rel="stylesheet" href="css/a.css" />
	</head>
	<body>
		<div class="a" id="main">
			<!-- <button class="button1" id="b" onclick="changer1()">皮肤1</button>
			<button class="button2" id="c" onclick="changer2()">皮肤2</button> -->
			<button  id="b" onclick="changer1()">皮肤1</button>
			<button  id="c" onclick="changer2()">皮肤2</button>
		</div>
		
		<script>
			let main = document.getElementById('main');
			let button1 = document.getElementById('b');
			let button2 = document.getElementById('c');
			
			function changer1(){
				
				// main.style.background = 'black';
		
				// button1.style.width = '100px';
				// button1.style.height = '100px';
				// button1.style.background = 'aliceblue';
				
				// button2.style.width = '100px';
				// button2.style.height = '100px';
				// button2.style.background = 'aliceblue';
			}
			
			function changer2(){
				// main.style.background = 'red';
				
				// button1.style.width = '50px';
				// button1.style.height = '50px';
				// button1.style.background = 'black';
				
				// button2.style.width = '50px';
				// button2.style.height = '50px';
				// button2.style.background = 'black';
			}
		</script>
	</body>
</html>